.SubModal_id00305 {
  position: fixed;
  width: 100%;
  height: 100%;
  left: 0;
  top: 0;
  z-index: 999;
  .modal-bg {
    position: absolute;
    width: 100%;
    height: 100%;
    left: 0;
    top: 0;
    background-color: rgba(0, 0, 0, 0.5);
    transition: opacity 0.1s;
    opacity: 0;
  }
  .modal-bg-active {
    opacity: 1;
  }
  .animate-wrap {
    transform: translate3d(0, 600px, 0);
    opacity: 0;
    transition: all 0.1s;
  }
  .animate-wrap-active {
    opacity: 1;
    transform: translate3d(0, 0, 0);
  }

  .wrap-img {
    position: absolute;
    right: 40px;
    border-radius: 10px;
    overflow: hidden;
    background-color: #ffffff;
    .abs-wrap-wrap {
      position: relative;
      width: 250px;
      color: #444444;
      font-size: 32px;
    }
    .left-image {
      width: 34px;
      height: 34px;
      margin-right: 14px;
    }
    .abs-wrap {
      display: flex;
      align-items: center;
      justify-content: center;
      width: 100%;
      height: 110px;
    }
    .abs-wrap:active {
      opacity: 0.6;
    }
  }
}

.hide {
  display: none;
}

.applying {
  color: #CCCCCC;
}
